<div ng-controller="homeCtrl">

	<!--轮播图部分-->
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			<li data-target="#carousel-example-generic" data-slide-to="1"></li>
			<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			<li data-target="#carousel-example-generic" data-slide-to="3"></li>
		</ol>

		<!-- Wrapper for slides -->
		<div class="carousel-inner" role="listbox">
			<div class="item active">

				<img src="http://www.1yd.me/images/new/banner1.png" alt="...">
				<div class="carousel-caption">

				</div>
			</div>
			<div class="item">
				<img src="http://www.1yd.me/images/new/banner2.png" alt="...">
				<div class="carousel-caption">

				</div>
			</div>
			<div class="item">
				<img src="http://www.1yd.me/images/new/banner3.png" alt="...">
				<div class="carousel-caption">

				</div>
			</div>
			<div class="item">
				<img src="http://www.1yd.me/images/new/banner4.png" alt="...">
				<div class="carousel-caption">

				</div>
			</div>

		</div>

		<!-- Controls -->
		<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
	</div>

	<!--第三部分 热门运动-->
	<div class="container">
		<div class="row">
			<div class="col-md-2 col-md-offset-5">
				<h3 class="text-center  .header-ydstyle border-bottom">热门运动</h3>
			</div>

		</div>
		<div class="text-center"><small class="header-ydstyle ">还等什么，快喊上小伙伴们运动吧</small></div>
	</div>


	<div class="container ">
		<div class="row">
			<div class="col-md-10 col-md-offset-2">
				<ul class="list-unstyled list-inline list-group" >
					<li ng-click="gosearch(1)"><img src="http://www.1yd.me/images/new/wq.png"/></li>
					<li ng-click="gosearch(2)"><img src="http://www.1yd.me/images/new/ymq.png"/></li>
					<li ng-click="gosearch(21)"><img src="http://www.1yd.me/images/new/ppq.png"/></li>
					<li ng-click="gosearch(61)"><img src="http://www.1yd.me/images/new/lq.png"/></li>
					<li ng-click="gosearch(23)"><img src="http://www.1yd.me/images/new/zqiu.png"/></li>
				</ul>
			</div>
		</div>
	</div>

	<!--第四部分-->
	<div class="containerclor">
		<div class="container ">
			<div class="row">
				<span class="col-md-4">
					<img src="http://www.1yd.me/images/new/cz.png" alt="" />
				</span>
				<span class="col-md-6 col-md-offset-2">
					<p style="height: 120px;"></p>
				       <div class="swiper-slide" style="height: 660px; margin-left: -50px;">
						   <img src="http://www.1yd.me/images/new/1.png"/>
						   <div class="col-md-4 ">
							   <img src="http://www.1yd.me/images/new/weixin.png"/>
						   </div>
						   <div class="col-md-4 col-md-offset-1">
							   <img src="http://www.1yd.me/images/new/weixin.png"/>
						   </div>
						   <div class="col-md-2 col-md-offset-1 ">
							   <ul class="col-md-4 col-md-offset-8 list-group list-unstyled" >
								   <li class="" style="width: 20px;height: 20px;background-color: #999999; border-radius: 20px;"></li>
							   </ul>

							   <ul class="col-md-4 col-md-offset-8 list-group list-unstyled" >
								   <li class="" style="width: 20px;height: 20px;background-color: #E0E0E0; border-radius: 30px;"></li>
							   </ul>

							   <ul class="col-md-4 col-md-offset-8 list-group list-unstyled" >
								   <li class="" style="width: 20px;height: 20px;background-color: #E0E0E0; border-radius: 30px;"></li>
							   </ul>

							   <ul class="col-md-4 col-md-offset-8 list-group list-unstyled" >
								   <li class="" style="width: 20px;height: 20px;background-color: #E0E0E0; border-radius: 30px;"></li>
							   </ul>
						   </div>
					   </div>
				</span>
			</div>
		</div>
	</div>

	<!--第五部分-->
	<div class="container positfix">
		<div class="row able">
			<ul class="col-md-5  sproduction ser-pro">
				<li style="font-size: 32px;font-weight: 400px;display: inline-block;margin-left: 50px;margin-top: 40px;">
					服务
					<p style="font-size: 12px;text-align: center; color: #999999;">service</p>
				<li style="font-size: 32px;font-weight: 400px;display: inline-block;margin-left: 50px;margin-top: 40px;">
					<span style="margin-right: 80px;"> > </span>产品介绍
					<p style="font-size: 12px;text-align: center; color: #999999;margin-right:-100px ;">product descioiption</p>
				</li>
			</ul>
			<ul class="col-md-7 sproduction1"><img class="sproduction1" src="http://www.1yd.me/images/new/img.png"/></ul>
		</div>
	</div>

	<!--第六部分-->
	<br />
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<img src="http://www.1yd.me/images/new/tyg.png" alt="" />
				<span class="col-md-offset-1 changgua" >场馆预定平台</span>
				<div class="col-md-offset-2 changgua1" style=" ">随时随地的场馆运动筛选</div>
			</div>
		</div>
		<a class="col-md-offset-11 a6"  href="" ><button class="a7" type="button">立即订场</button></a>
		<p class="p6"></p>
	</div>

	<br />
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<img src="http://www.1yd.me/images/new/jb.png" alt="" />
				<span class="col-md-offset-1" style="font-size: 20px;">赛事服务平台</span>
				<div class="col-md-offset-2" style="font-size:16px; margin-top: -25px; ">各类赛事等你挑战</div>
			</div>
		</div>
		<a class="col-md-offset-11 "  href="" style="color:#fff"><button type="button" style="width: 90px;height: 30px;background: #9a958e;outline: none;">进入赛事</button></a>
		<p style="border-bottom: 1px solid #D4D4D4;margin-top: 10px;"></p>
	</div>
	<br />
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<img src="http://www.1yd.me/images/new/jl.png" alt="" />
				<span class="col-md-offset-1 peixun" >培训</span>
				<div class="col-md-offset-2 peixun1" style=" ">随时随地的场馆运动筛选</div>
			</div>
		</div>
		<a class="col-md-offset-11 peixun2 "  href="" ><button type="button" class="buttonpx2" >找培训</button></a>
		<p  class="p7" ></p>
	</div>
	<!--第七部分-->
	<!--<div style="background: #f5f5f5;margin-top: -8px;">
        <div class="container">
            <div class="row">
                <ul>
                    <li class="col-md-4">
                        <div class="col-md-12 text-center" style="background: #FFFFFF;margin-top: 8px;margin-left: -140px;">
                            <img style="display: block;margin-left: 40%;" src="http://www.1yd.me/images/new/yh.png"/>
                            <div class="col-md-12 " style="margin-left: -130px;">
                            适合用户
                            </div>
                            <div class="col-md-12 " style="margin-left: -20px; font-size: 12px;color: rgb(153,153,153);">
                            羽毛球馆、篮球馆、足球馆等各类场地项目。特别适合连锁型，地理位置分散，多项目的场馆
                            </div>
                        </div>


                    </li>
                    <li class="col-md-4">111</li>
                    <li class="col-md-4">111</li>
                </ul>
            </div>
        </div>
    </div>-->
	<!--第七部分-->
	<div class="backrow">
		<div class="row "  >
			<div class="col-sm-6 col-md-4 ">
				<div class="thumbnail row7">
					<img style="width: 75px;height: 80px;" src="http://www.1yd.me/images/new/yh.png" alt="...">
					<div class="caption">
						<h5>适合用户</h5>
						<p>羽毛球馆、篮球馆、足球馆等各类场地项目。特别适合连锁型，地理位置分散，多项目的场馆</p>
					</div>
				</div>
			</div>
			<div class="col-sm-6 col-md-4">
				<div class="thumbnail">
					<img style="width: 75px;height: 80px;" src="http://www.1yd.me/images/new/ts.png" alt="...">
					<div class="caption">
						<h5>主要特色</h5>
						<p>价格低：系统免费使用，不花一分钱便可实现场馆管理信息化。</p>
						<p>技术强：强大的技术开发团队，专业的实施维护团队。</p>
						<p>业务精：丰富的行业经验，精确掌握场馆管理的每一个细节。</p>
						<p>跨地域：无论在家还是在出差，都可以通过网络查看相关的营业数据。</p>
						<p>易使用：功能简洁、实用、友好，基本上可以做到简单培训，就可以上手使用。</p>
						<p>易维护：系统成熟、稳定，完全web页面操作，自动升级更新，无需维护人员</p>
						<br><br>
					</div>
				</div>
			</div>
			<div class="col-sm-6 col-md-4">
				<div class="thumbnail row7">
					<img style="width: 75px;height: 80px;" src="http://www.1yd.me/images/new/gn.png" alt="...">
					<div class="caption">
						<h5>适合用户</h5>
						<p>羽毛球馆、篮球馆、足球馆等各类场地项目。特别适合连锁型，地理位置分散，多项目的场馆</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--第八部分-->
	<div class="row">
		<div class="col-xs-6 col-md-8 " style="padding: 0px">
			<a href="#" class="thumbnail hub1">
				<img style="width:919px;height: 138px;"src="http://www.1yd.me/images/new/img1.png" alt="...">
			</a>
		</div>
		<div class="col-xs-6 col-md-4 " style="padding: 0px;">
			<a href="#" class="thumbnail hub1 hub2">

				<div class="col-md-4 col-md-offset-1"><h2 class="hezuo">合作伙伴 </h2><div class="hezuoying">OUR PARTNER</div></div>
				<div class="col-md-1 "><h2 class="hezuo">></h2></div>
				<div class="col-md-4 col-md-offset-1"><h2 class="hezuo">关于我们</h2><div class="hezuoying">ABOUT US</div></div>



			</a>

		</div>
	</div>
	<div class="col-md-11 col-md-offset-1"><h2 >合作伙伴 </h2><div>OUR PARTNER</div></div>
	<!--第九部分-->
	<br />
	<div class="row">
		<div class="col-xs-6 col-md-12  col-md-offset-1" >
			<ul class="list-group list-inline list-unstyled">
				<li class="list-width"><img  src="http://www.1yd.me/images/par/41.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/42.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/13.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/14.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/15.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/16.png" alt="..."> </li>
			</ul>
			<ul class="list-group list-inline list-unstyled">
				<li class="list-width"><img  src="http://www.1yd.me/images/par/21.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/22.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/23.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/24.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/25.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/26.png" alt="..."> </li>
			</ul>
			<ul class="list-group list-inline list-unstyled">
				<li class="list-width"><img  src="http://www.1yd.me/images/par/43.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/32.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/33.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/34.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/35.png" alt="..."> </li>
				<li class="list-width"><img  src="http://www.1yd.me/images/par/36.png" alt="..."> </li>
			</ul>
		</div></div>


</div>
